import InfoCard from "../info-card/InfoCard.vue";

export default {
  title: '仁济会诊/信息卡片',
  component: InfoCard,
  parameters: {
    docs: {
      description: {
        component: `请配合 <span style="font-weight: bold;font-size: 14px;color: grey">vant、scss、ArkDesensitized</span> 使用`
      }
    }
  },
  argTypes: {
    title: {description: '标题'},
    showTag: {description: '是否展示标签'},
    tagText: {description: '标签文本'},
    tagHtml: {description: '标签html'},
    tagBgColor: {description: '标签背景颜色'},
    tagTextColor: {description: '标签文字颜色'},
    filedList: {description: '属性列表'},
  }
}

export const Basic = {
  name: '基本使用',
  render: (args) => ({
    components: {InfoCard},
    setup() {
      return {args};
    },
    template: '<InfoCard v-bind="args" class="text-base" style="width: 330px" />',
  }),
  args: {
    title: '安徽省阜阳市太和县人民医院',
    showTag: true,
    tagText: '退回',
    tagBgColor: 'red',
    filedList: [
      {
        label: '序号',
        value: 'H20240130002'
      },
      {
        label: '电话',
        value: '18674557455',
        desensitizedValue: '186********'
      },
      {
        label: '信息',
        value: '上海交通大学医学院附属仁济医院 / 外科 / 泌尿科 / 刘炜'
      },
    ]
  },
};